$(function () {
    articleInfo();
    cateList();
    // 一、进入编辑页，渲染分类数据
    function cateList() {
        $.ajax({
            type: 'get',
            url: bignews.category_list,
            success: function (res) {
                if (res.code == 200) {
                    const htmlStr = template('cateList', res)
                    $('.category').html(htmlStr)
                }
            }
        });
    }

    // 二、提取url上的id参数，并加载文章内容---函数封装
    function articleInfo() {
        // 根据url上面id值进行对应内容渲染
        let id = itcast.getArguments(location.search).id
        $.ajax({
            type: "get",
            url: bignews.article_search,
            data: { id },
            success: function (res) {
                if (res.code == 200) {
                    console.log(res);
                    // 需要将旧文章的数据渲染到页面上面
                    // 标题
                    $('#inputTitle').val(res.data.title);
                    // 封面
                    $('.article_cover').prop('src', res.data.cover)
                    // 文章类别
                    $('#selCategory').val(res.data.categoryId)
                    // 文章日期
                    $('#articleDate').val(res.data.date)
                    // 文章内容
                    $('#articleContent').val(res.data.content)


                }
            }
        });


    };

    // 三、编辑页面图片预览功能
    $('#inputCover').on('change', function () {
        // 获取图片信息
        const artFile = $('#inputCover')[0].files[0];
        // 建立本地临时url
        const url = URL.createObjectURL(artFile);
        // 修改img src 属性
        $('.article_cover').prop('src', url)
    });

    // 四、文章编辑函数封装：发布成功/存草稿
    function submitPost(state) {
        // 获取富文本框数据获取方法
        // console.log(tinymce.activeEditor.getContent());
        let data = new FormData($('#form')[0])
        let postId = itcast.getArguments(location.search).id
        data.append('id', postId)
        data.append('content', tinymce.activeEditor.getContent())
        data.append('state', state)
        $.ajax({
            type: 'post',
            url: bignews.article_edit,
            data,
            // 使用formdate传递数据时需要操作
            contentType: false,
            processData: false,
            success: function (res) {
                // console.log(res);
                if (res.code == 200) {
                    window.location = './article_list.html';
                }
            }
        })
    }
    // 点击发布---传入参数'已发布'
    $('.btn-edit').on('click', function () {
        submitPost('已发布')
    });
    // 点击草稿---传入参数'草稿'
    $('.btn-draft').on('click', function () {
        submitPost('草稿')
    });












})
